<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta httpequiv="Expires" content="0">
  <meta httpequiv="Pragma" content="no-cache">
  <meta httpequiv="Cache" content="no-cache">
  <meta httpequiv="Cache-control" content="no-cache">
  <style>
    #mobile-page-scroll {
      margin-top: 25px;
    }

    .text-gray-body {
      color: var(--color-gray-body, #4e4b66);
    }

    .text-body-md {
      font-size: 18px;
      line-height: 34px;
    }

    .text-body-md,
    .text-body-sm {
      font-weight: 400;
      letter-spacing: 0.75px;
    }

    .text-link-md {
      font-size: 18px;
      line-height: 34px;
    }

    .text-link-md,
    .text-link-sm {
      font-weight: 700;
      letter-spacing: 0.75px;
    }

    .break-all {
      word-break: break-all;
    }

    .mb-\[23px\] {
      margin-bottom: 23px;
    }

    .flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
    }

    .flex-1 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    .items-baseline {
      -webkit-box-align: baseline;
      -webkit-align-items: baseline;
      align-items: baseline;
    }

    .items-center {
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .justify-center {
      -webkit-box-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
    }

    .justify-end {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
    }

    .justify-between {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }

    .items-start {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
    }

    .items-end {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
    }

    .flex-col {
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
    }

    .flex-col-reverse {
      -webkit-box-orient: vertical;
      -webkit-flex-direction: reverse;
      flex-direction: column-reverse;
    }

    .w-1000px,
    .w-918px {
      width: 800px;
      max-width: 100%;
    }

    * {
      word-break: break-all;
    }

    .tooth-image-container {
      margin-bottom: -10px;
      display: block;
    }

    .border-r {
      border: 0;
      border-right: 1px solid #c4c4c4;
    }

    html,
    body {
      height: auto !important;
      overflow: auto !important;
      background: #f7f7fc;
    }

    .tooth-mark {
      letter-spacing: 0;
    }

    .max-w-38 {
      min-width: 30px;
      min-height: 30px;
      -webkit-box-pack: justify;
      -webkit-justify-content: center !important;
      justify-content: center !important;
    }

    .preview-container {
      width: 100%;
      height: calc(100% - 56px);
      display: flex;
      flex-direction: column;
      overflow: auto;
      padding: 0px 30px;
      background-color: #f7f7fc;
    }

    .preview-container::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    .preview-container-header {
      margin-bottom: 10px;
      /* min-height: 50px; */
      border-radius: 4px;
      padding: 25px;
      line-height: 22px;
      font-size: 18px;
    }

    .absolute {
      position: absolute;
    }

    .fixed {
      position: fixed;
    }

    .static {
      position: static;
    }

    .sticky {
      position: -webkit-sticky;
      position: sticky;
    }

    /*! CSS Used from: https://iorthosit.angelalign.com/v10/_next/static/css/678853bca273f11a.css */
    input {
      line-height: 1;
    }

    :disabled::placeholder {
      color: var(--color-gray-placeholder, #a0a3bd);
    }

    *,
    :after,
    :before {
      box-sizing: border-box;
      border: 0 solid;
    }

    * {
      --tw-ring-inset: var(--tw-empty);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgba(59, 130, 246, 0.5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
    }

    input {
      font-family: inherit;
      font-size: 100%;
      line-height: 1.15;
      margin: 0;
      padding: 0;
      line-height: inherit;
      color: inherit;
    }

    img {
      border-style: solid;
      max-width: 100%;
      height: auto;
    }

    input::placeholder {
      opacity: 1;
      color: #a1a1aa;
    }

    img {
      display: block;
      vertical-align: middle;
    }

    .space-y-30> :not([hidden])~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(30px * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(30px * var(--tw-space-y-reverse));
    }

    .border-primary-default {
      border-color: var(--color-primary-default, #0086cd);
    }

    .border-gray-line {
      border-color: var(--color-gray-line, #d9dbe9);
    }

    .rounded-8 {
      border-radius: 8px;
    }

    .border-solid {
      border-style: solid;
    }

    .border-dashed {
      border-style: dashed;
    }

    .border {
      border-width: 1px;
    }

    .cursor-pointer {
      cursor: pointer;
    }

    .inline-block {
      display: inline-block;
    }

    .flex {
      display: -webkit-flex;
      display: flex;
    }

    .flex-row {
      -webkit-flex-direction: row;
      flex-direction: row;
    }

    .items-center {
      -webkit-align-items: center;
      align-items: center;
    }

    .justify-center {
      -webkit-justify-content: center;
      justify-content: center;
    }

    .justify-between {
      -webkit-justify-content: space-between;
      justify-content: space-between;
    }

    .flex-1 {
      -webkit-flex: 1 1 0%;
      flex: 1 1;
    }

    .h-full {
      height: 100%;
    }

    .h-1 {
      height: 1px;
    }

    .mr-30 {
      margin-right: 30px;
    }

    .mb-14 {
      margin-bottom: 14px;
    }

    .max-h-38 {
      max-height: 38px;
    }

    .max-w-38 {
      max-width: 38px;
    }

    .max-w-\[unset\] {
      max-width: unset;
    }

    .max-w-\[918px\] {
      max-width: 918px;
    }

    .max-w-\[1100px\] {
      max-width: 1100px;
    }

    .min-w-800 {
      min-width: 800px;
    }

    .opacity-0 {
      opacity: 0;
    }

    .overflow-hidden {
      overflow: hidden;
    }

    .overflow-y-hidden {
      overflow-y: hidden;
    }

    .overflow-x-scroll {
      overflow-x: scroll;
    }

    .pb-6 {
      padding-bottom: 6px;
    }

    .absolute {
      position: absolute;
    }

    .relative {
      position: relative;
    }

    .top-0 {
      top: 0;
    }

    .left-1\/2 {
      left: 50%;
    }

    .top-1\/2 {
      top: 50%;
    }

    .left-0 {
      left: 0;
    }

    .right-0 {
      right: 0;
    }

    .bottom-0 {
      bottom: 0;
    }

    .text-primary-default {
      color: var(--color-primary-default, #0086cd);
    }

    .text-gray-line {
      color: var(--color-gray-line, #d9dbe9);
    }

    .select-none {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    .w-full {
      width: 100%;
    }

    .w-1 {
      width: 1px;
    }

    .z-front {
      z-index: 1;
    }

    .z-8 {
      z-index: 8;
    }

    .text-body-xxs {
      font-size: 12px;
      line-height: 18px;
    }

    .text-body-xxs {
      font-weight: 400;
      letter-spacing: 0.25px;
    }

    .text-link-md {
      font-weight: 700;
      letter-spacing: 0.75px;
    }

    .text-link-md {
      font-size: 18px;
      line-height: 34px;
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
    }

    .custom-scrollbar::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    .custom-scrollbar::-webkit-scrollbar-thumb {
      border-radius: 8px;
    }

    .custom-scrollbar::-webkit-scrollbar-track {
      background-color: #f7f7fc;
    }

    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background-color: #a0a3bd;
    }

    .custom-scrollbar:hover::-webkit-scrollbar-thumb {
      background-color: #d9dbe9;
      border-radius: 8px;
    }

    @media (min-width: 640px) and (max-width: 1280px) {
      .tablet\:mr-12 {
        margin-right: 12px;
      }
    }

    @media (max-width: 900px) {
      .landscape-mobile\:min-w-full {
        min-width: 100%;
      }
    }

    @media (max-width: 640px) {
      .mobile\:text-m-link-md {
        font-size: 16px;
        line-height: 28px;
        font-weight: 700;
        letter-spacing: 0.75px;
      }
    }

    /*! CSS Used from: https://iorthosit.angelalign.com/v10/_next/static/css/678853bca273f11a.css */
    input {
      line-height: 1;
    }

    :disabled::placeholder {
      color: var(--color-gray-placeholder, #a0a3bd);
    }

    *,
    :after,
    :before {
      box-sizing: border-box;
      border: 0 solid;
    }

    * {
      --tw-ring-inset: var(--tw-empty);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgba(59, 130, 246, 0.5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
    }

    input {
      font-family: inherit;
      font-size: 100%;
      line-height: 1.15;
      margin: 0;
      padding: 0;
      line-height: inherit;
      color: inherit;
    }

    img {
      border-style: solid;
      max-width: 100%;
      height: auto;
    }

    input::placeholder {
      opacity: 1;
      color: #a1a1aa;
    }

    img {
      display: block;
      vertical-align: middle;
    }

    .border-primary-default {
      border-color: var(--color-primary-default, #0086cd);
    }

    .rounded-8 {
      border-radius: 8px;
    }

    .border-solid {
      border-style: solid;
    }

    .border {
      border-width: 1px;
    }

    .cursor-pointer {
      cursor: pointer;
    }

    .inline-block {
      display: inline-block;
    }

    .flex {
      display: -webkit-flex;
      display: flex;
    }

    .items-center {
      -webkit-align-items: center;
      align-items: center;
    }

    .justify-center {
      -webkit-justify-content: center;
      justify-content: center;
    }

    .flex-1 {
      -webkit-flex: 1 1 0%;
      flex: 1 1;
    }

    .h-full {
      height: 100%;
    }

    .max-h-38 {
      max-height: 38px;
    }

    .max-w-38 {
      max-width: 38px;
    }

    .max-w-\[unset\] {
      max-width: unset;
    }

    .opacity-0 {
      opacity: 0;
    }

    .overflow-hidden {
      overflow: hidden;
    }

    .absolute {
      position: absolute;
    }

    .relative {
      position: relative;
    }

    .top-0 {
      top: 0;
    }

    .left-0 {
      left: 0;
    }

    .right-0 {
      right: 0;
    }

    .bottom-0 {
      bottom: 0;
    }

    .text-primary-default {
      color: var(--color-primary-default, #0086cd);
    }

    .select-none {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }

    .w-full {
      width: 100%;
    }

    .z-front {
      z-index: 1;
    }

    .text-body-xxs {
      font-size: 12px;
      line-height: 18px;
    }

    .text-body-xxs {
      font-weight: 400;
      letter-spacing: 0.25px;
    }

    .text-link-md {
      font-weight: 700;
      letter-spacing: 0.75px;
    }

    .text-link-md {
      font-size: 18px;
      line-height: 34px;
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
    }

    @media (max-width: 640px) {
      .mobile\:text-m-link-md {
        font-size: 16px;
        line-height: 28px;
        font-weight: 700;
        letter-spacing: 0.75px;
      }
    }
  </style>
</head>

<body>
  <div class="preview-container">
    <div class="preview-container-header">
      <div style="font-weight: bold; margin-bottom: 18px"><span><span>angelalign</span><span> Pro</span> _
        </span><span>Patient Details</span></div>
      <div style="margin-bottom: 10px"><span style="margin-right: 100px">Patient Name：测试预览页数据001</span><span>Doctor
          Signature：六小龄童</span></div>
      <div><span>Date：2023-03-09</span></div>
    </div>
    <div style="padding: 0px 15px 15px 15px">
      <div style="margin-bottom: 40px">
        <div class="flex flex-row items-center text-gray-body text-body-md" style="margin-bottom: 23px"><span><svg
              width="1em" height="1em" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g>
                <path
                  d="M1.45432 5.45455C1.05266 5.45455 0.727051 5.12893 0.727051 4.72727C0.727051 4.32561 1.05266 4 1.45432 4H3.63665C4.03832 4 4.36393 4.32561 4.36393 4.72727C4.36393 5.12893 4.03832 5.45455 3.63665 5.45455H1.45432Z"
                  fill="#4E4B66"></path>
                <path id="Path_2"
                  d="M13.8185 6.54545C13.8185 6.14379 14.1441 5.81818 14.5458 5.81818C14.9474 5.81818 15.273 6.14379 15.273 6.54545V13.8182C15.273 15.0232 14.2962 16 13.0912 16H4.36395C3.15896 16 2.18213 15.0232 2.18213 13.8182V2.18182C2.18213 0.976833 3.15896 0 4.36395 0H13.0912C14.2962 0 15.273 0.976833 15.273 2.18182V3.63636C15.273 4.03803 14.9474 4.36364 14.5458 4.36364C14.1441 4.36364 13.8185 4.03803 13.8185 3.63636V2.18182C13.8185 1.78016 13.4929 1.45455 13.0912 1.45455H4.36395C3.96229 1.45455 3.63667 1.78016 3.63667 2.18182V13.8182C3.63667 14.2198 3.96229 14.5455 4.36395 14.5455H13.0912C13.4929 14.5455 13.8185 14.2198 13.8185 13.8182V6.54545Z"
                  fill="#4E4B66"></path>
                <path id="Path_3"
                  d="M1.45481 11.2725C1.05315 11.2725 0.727539 10.9469 0.727539 10.5452C0.727539 10.1436 1.05315 9.81796 1.45481 9.81796H3.63663C4.03829 9.81796 4.3639 10.1436 4.3639 10.5452C4.3639 10.9469 4.03829 11.2725 3.63663 11.2725H1.45481Z"
                  fill="#4E4B66"></path>
                <path id="Path_4"
                  d="M11.6365 11.6364C11.6365 12.0381 11.3109 12.3637 10.9093 12.3637C10.5076 12.3637 10.182 12.0381 10.182 11.6364C10.182 10.8331 9.53077 10.1819 8.72745 10.1819C7.92413 10.1819 7.2729 10.8331 7.2729 11.6364C7.2729 12.0381 6.94729 12.3637 6.54563 12.3637C6.14397 12.3637 5.81836 12.0381 5.81836 11.6364C5.81836 10.0298 7.1208 8.72734 8.72745 8.72734C10.3341 8.72734 11.6365 10.0298 11.6365 11.6364Z"
                  fill="#4E4B66"></path>
                <path id="Path_5" fill-rule="evenodd" clip-rule="evenodd"
                  d="M6.54541 5.81854C6.54541 7.02352 7.52224 8.00036 8.72723 8.00036C9.93221 8.00036 10.909 7.02352 10.909 5.81854C10.909 4.61355 9.93221 3.63672 8.72723 3.63672C7.52224 3.63672 6.54541 4.61355 6.54541 5.81854ZM9.45464 5.8179C9.45464 6.21956 9.12903 6.54517 8.72737 6.54517C8.32571 6.54517 8.0001 6.21956 8.0001 5.8179C8.0001 5.41624 8.32571 5.09063 8.72737 5.09063C9.12903 5.09063 9.45464 5.41624 9.45464 5.8179Z"
                  fill="#4E4B66"></path>
              </g>
            </svg></span><span style="margin-left: 10px">Basic Information</span></div>
        <div class="flex flex-row text-link-md mobile:text-m-link-md text-gray-body">
          <div class="break-all">测试预览页数据001</div>
          <div style="margin-left: 40px"> Male </div>
          <div style="margin-left: 40px">2000-01-01</div>
          <div style="margin-left: 40px">18929833343</div>
        </div>
        <div class="flex items-center" style="margin: 20px 0px">
          <div class="text-body-md mobile:text-m-body-md text-gray-body">Practice：</div>
          <div class="flex-1 text-link-md mobile:text-m-link-md text-gray-body">深圳市儿童医院</div>
        </div>
        <div class="flex items-center" style="margin: 20px 0px">
          <div class="text-body-md mobile:text-m-body-md text-gray-body">Angle&#39;s Classification：</div>
          <div class="flex-1 text-link-md mobile:text-m-link-md text-gray-body">Class I</div>
        </div>
        <div class="flex items-center" style="margin: 20px 0px">
          <div class="text-body-md mobile:text-m-body-md text-gray-body">Skeletal Classification：</div>
          <div class="flex-1 text-link-md mobile:text-m-link-md text-gray-body">Class III</div>
        </div>
        <div class="flex items-center" style="margin: 20px 0px">
          <div class="text-body-md mobile:text-m-body-md text-gray-body">Patient Diagnosis：</div>
          <div class="flex-1 text-link-md mobile:text-m-link-md text-gray-body">Crowding,Spacing,Deep Bite,Maxillary
            Protrusion,Maxillary Deficiency,Mandibular Protrusion</div>
        </div>
      </div>
      <div class="flex flex-col">
        <div class="flex flex-row items-center text-gray-body text-body-md mobile:text-m-body-md mb-[23px]"
          style="margin-bottom: 23px"><span><svg width="1em" height="1em" viewBox="0 0 20 24" fill="none"
              xmlns="http://www.w3.org/2000/svg">
              <g id="iconspace_Book Note">
                <path id="Path"
                  d="M17.6362 9.81818C17.6362 9.21569 18.1246 8.72727 18.7271 8.72727C19.3296 8.72727 19.818 9.21569 19.818 9.81818V20.7273C19.818 22.5347 18.3528 24 16.5453 24H3.45437C1.64689 24 0.181641 22.5347 0.181641 20.7273V3.27273C0.181641 1.46525 1.64689 0 3.45437 0H16.5453C18.3528 0 19.818 1.46525 19.818 3.27273V5.45455C19.818 6.05704 19.3296 6.54545 18.7271 6.54545C18.1246 6.54545 17.6362 6.05704 17.6362 5.45455V3.27273C17.6362 2.67023 17.1478 2.18182 16.5453 2.18182H3.45437C2.85188 2.18182 2.36346 2.67023 2.36346 3.27273V20.7273C2.36346 21.3298 2.85188 21.8182 3.45437 21.8182H16.5453C17.1478 21.8182 17.6362 21.3298 17.6362 20.7273V9.81818Z"
                  fill="#4E4B66"></path>
                <path id="Path_2"
                  d="M6.72665 7.6369C6.12416 7.6369 5.63574 7.14848 5.63574 6.54599C5.63574 5.94349 6.12416 5.45508 6.72665 5.45508H13.2721C13.8746 5.45508 14.363 5.94349 14.363 6.54599C14.363 7.14848 13.8746 7.6369 13.2721 7.6369H6.72665Z"
                  fill="#4E4B66"></path>
                <path id="Path_3"
                  d="M6.72665 13.0905C6.12416 13.0905 5.63574 12.6021 5.63574 11.9996C5.63574 11.3971 6.12416 10.9087 6.72665 10.9087H13.2721C13.8746 10.9087 14.363 11.3971 14.363 11.9996C14.363 12.6021 13.8746 13.0905 13.2721 13.0905H6.72665Z"
                  fill="#4E4B66"></path>
                <path id="Path_4"
                  d="M6.72665 18.5456C6.12416 18.5456 5.63574 18.0572 5.63574 17.4547C5.63574 16.8522 6.12416 16.3638 6.72665 16.3638H13.2721C13.8746 16.3638 14.363 16.8522 14.363 17.4547C14.363 18.0572 13.8746 18.5456 13.2721 18.5456H6.72665Z"
                  fill="#4E4B66"></path>
              </g>
            </svg></span><span style="margin-left: 10px">Prescription</span></div>
        <div style="break-inside: avoid">
          <div class="flex flex-col  w-full" style="margin-top: 20px"><span
              style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Patient
              Concerns：</span>
            <div class="flex flex-row items-start w-full" style="margin-top: 0px"><span
                style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Dental：</span>
              <div><span
                  style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">Protrusion;Crowding</span>
              </div>
            </div>
          </div>
        </div>
        <div style="break-inside: avoid">
          <div class="flex flex-col  w-full" style="margin-top: 20px"><span
              style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Main
              Objectives：</span>
            <div class="flex flex-row items-start w-full" style="margin-top: 0px"><span
                style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Dental：</span>
              <div><span style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">Retract
                  Teeth</span></div>
            </div>
          </div>
        </div>
        <div style="break-inside: avoid">
          <div class="flex flex-col  w-full" style="margin-top: 20px"><span
              style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">
              Arch：</span>
            <div class="false w-full" style="margin-top: 0px">
              <div><span style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">Both</span>
              </div>
            </div>
          </div>
        </div>
        <div style="break-inside: avoid">
          <div class="flex flex-col  w-full" style="margin-top: 20px"><span
              style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Additional
              Treatment Options：</span>
            <div class="false w-full" style="margin-top: 0px">
              <div><span style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">From this
                  stage</span></div>
            </div>
          </div>
        </div>
        <div style="break-inside: avoid">
          <div class="flex flex-col  w-full" style="margin-top: 20px"><span
              style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66"> Tooth
              Information：</span>
            <div class="relative w-full min-w-800 landscape-mobile:min-w-full flex justify-center items-center">
              <div class="relative w-full min-w-800 landscape-mobile:min-w-full flex justify-center items-center">
                <div class="space-y-30 w-full max-w-[918px]">
                  <div class="w-full">
                    <div class="flex flex-row items-center justify-between mb-14  w-full">
                      <div class="max-w-38 max-h-38  flex-1"></div>
                      <div class="max-w-38 max-h-38  flex-1"></div>
                      <div class="max-w-38 max-h-38  flex-1"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">55</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">54</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">53</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">52</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line mr-30 tablet:mr-12 flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">51</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">61</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">62</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">63</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">64</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">65</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div class="max-w-38 max-h-38  flex-1"></div>
                      <div class="max-w-38 max-h-38  flex-1"></div>
                      <div class="max-w-38 max-h-38  flex-1"></div>
                    </div>
                    <div class="flex flex-row items-center justify-between  w-full">
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">18</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">17</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">16</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div>
                        <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path fill-rule="evenodd" clip-rule="evenodd"
                            d="M17.283 4.71672C16.8924 4.3262 16.2593 4.3262 15.8687 4.71672L10.9998 9.58563L6.13093 4.71672C5.74041 4.3262 5.10725 4.3262 4.71672 4.71672C4.3262 5.10725 4.3262 5.74041 4.71672 6.13094L9.58563 10.9998L4.71672 15.8687C4.3262 16.2593 4.3262 16.8924 4.71672 17.283C5.10725 17.6735 5.74041 17.6735 6.13093 17.283L10.9998 12.4141L15.8688 17.283C16.2593 17.6735 16.8924 17.6735 17.283 17.283C17.6735 16.8924 17.6735 16.2593 17.283 15.8687L12.4141 10.9998L17.283 6.13094C17.6735 5.74041 17.6735 5.10725 17.283 4.71672Z"
                            fill="black" />
                        </svg>
                        <span class="absolute top-0 right-0 text-body-xxs tooth-mark">15</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front">
                      </div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #000000 !important; height: 100px">
                        <div class="absolute z-front left-0 bottom-0 flex tooth-image-container"><span><svg width="22"
                              height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M17.283 4.71672C16.8924 4.3262 16.2593 4.3262 15.8687 4.71672L10.9998 9.58563L6.13093 4.71672C5.74041 4.3262 5.10725 4.3262 4.71672 4.71672C4.3262 5.10725 4.3262 5.74041 4.71672 6.13094L9.58563 10.9998L4.71672 15.8687C4.3262 16.2593 4.3262 16.8924 4.71672 17.283C5.10725 17.6735 5.74041 17.6735 6.13093 17.283L10.9998 12.4141L15.8688 17.283C16.2593 17.6735 16.8924 17.6735 17.283 17.283C17.6735 16.8924 17.6735 16.2593 17.283 15.8687L12.4141 10.9998L17.283 6.13094C17.6735 5.74041 17.6735 5.10725 17.283 4.71672Z"
                                fill="black" />
                            </svg></span></div><span
                          class="absolute top-0 right-0 text-body-xxs tooth-mark">14</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front">
                      </div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: linear-gradient(-135deg, transparent 37.2%,#c4c4c4 37.2%) top right; height: 100px">
                        <div class="absolute z-front left-0 bottom-0 flex tooth-image-container"><span><svg width="22"
                              height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M17.283 4.71672C16.8924 4.3262 16.2593 4.3262 15.8687 4.71672L10.9998 9.58563L6.13093 4.71672C5.74041 4.3262 5.10725 4.3262 4.71672 4.71672C4.3262 5.10725 4.3262 5.74041 4.71672 6.13094L9.58563 10.9998L4.71672 15.8687C4.3262 16.2593 4.3262 16.8924 4.71672 17.283C5.10725 17.6735 5.74041 17.6735 6.13093 17.283L10.9998 12.4141L15.8688 17.283C16.2593 17.6735 16.8924 17.6735 17.283 17.283C17.6735 16.8924 17.6735 16.2593 17.283 15.8687L12.4141 10.9998L17.283 6.13094C17.6735 5.74041 17.6735 5.10725 17.283 4.71672Z"
                                fill="white" />
                            </svg></span></div><span
                          class="absolute top-0 right-0 text-body-xxs tooth-mark">13</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front">
                      </div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">12</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default mr-30 tablet:mr-12 flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">11</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">21</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">22</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">23</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">24</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">25</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">26</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">27</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">28</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                    </div>
                  </div>
                  <div class="w-full">
                    <div class="flex flex-row items-center justify-between mb-14  w-full">
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">48</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">47</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">46</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">45</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">44</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">43</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">42</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default mr-30 tablet:mr-12 flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">41</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">31</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">32</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">33</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">34</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">35</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">36</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">37</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-primary-default text-primary-default flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">38</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                    </div>
                    <div class="flex flex-row items-center justify-between  w-full">
                      <div class="max-w-38 max-h-38  flex-1"></div>
                      <div class="max-w-38 max-h-38  flex-1"></div>
                      <div class="max-w-38 max-h-38  flex-1"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">85</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">84</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">83</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">82</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line mr-30 tablet:mr-12 flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">81</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">71</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">72</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">73</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">74</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div
                        class="max-w-38 max-h-38 cursor-pointer relative rounded-8 flex-1 border border-solid text-link-md mobile:text-m-link-md  border-gray-line text-gray-line flex justify-center items-center select-none"
                        style="background: #fff; height: 100px"><span class=" tooth-mark">75</span><input
                          class="absolute w-full h-full left-0 top-0 opacity-0 z-front"></div>
                      <div class="max-w-38 max-h-38  flex-1"></div>
                      <div class="max-w-38 max-h-38  flex-1"></div>
                      <div class="max-w-38 max-h-38  flex-1"></div>
                    </div>
                  </div>
                </div>
                <div class=" w-1 h-full absolute left-1/2 top-0 border border-dashed border-gray-line z-8"></div>
                <div class=" w-full h-1 absolute left-0 top-1/2 border border-dashed border-gray-line z-8"></div>
              </div>
            </div>
          </div>
        </div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid">
          <div class="flex flex-col  w-full" style="margin-top: 20px"><span
              style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Crowding
              Correction：</span>
            <div class="flex flex-col  w-full" style="margin-top: 0px"><span
                style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Maxillary：</span>
              <div class="false w-full" style="margin-top: 0px">
                <div class="false w-full" style="margin-top: 0px">
                  <div class="flex flex-row items-start w-full" style="margin-top: 0px"><span
                      style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Expansion：</span>
                    <div><span style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">First
                        Option</span></div>
                  </div>
                </div>
                <div class="false w-full" style="margin-top: 0px">
                  <div class="flex flex-row items-start w-full" style="margin-top: 0px"><span
                      style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Proclination：</span>
                    <div><span style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">First
                        Option</span></div>
                  </div>
                </div>
                <div class="false w-full" style="margin-top: 0px">
                  <div class="flex flex-row items-start w-full" style="margin-top: 0px"><span
                      style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">IPR：</span>
                    <div><span style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">First
                        Option</span></div>
                  </div>
                </div>
                <div class="false w-full" style="margin-top: 0px">
                  <div class="flex flex-row items-start w-full" style="margin-top: 0px"><span
                      style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Molars
                      Distalization：</span>
                    <div class="false w-full" style="margin-top: 0px">
                      <div><span
                          style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">Upper
                          right</span></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="flex flex-col  w-full" style="margin-top: 0px"><span
                style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Mandibular：</span>
              <div class="false w-full" style="margin-top: 0px">
                <div class="false w-full" style="margin-top: 0px">
                  <div class="flex flex-row items-start w-full" style="margin-top: 0px"><span
                      style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Expansion：</span>
                    <div><span style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">First
                        Option</span></div>
                  </div>
                </div>
                <div class="false w-full" style="margin-top: 0px">
                  <div class="flex flex-row items-start w-full" style="margin-top: 0px"><span
                      style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Proclination：</span>
                    <div><span
                        style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">Optional</span>
                    </div>
                  </div>
                </div>
                <div class="false w-full" style="margin-top: 0px">
                  <div class="flex flex-row items-start w-full" style="margin-top: 0px"><span
                      style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">IPR：</span>
                    <div><span
                        style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">Optional</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="false w-full" style="margin-top: 0px"><span
                style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Extraction：</span>
              <div><span
                  style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">Non-extraction</span>
              </div>
            </div>
            <div class="false w-full" style="margin-top: 0px"><span
                style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Extraction：</span>
              <div><span
                  style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">Non-extraction</span>
              </div>
            </div>
          </div>
        </div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid">
          <div class="flex flex-col  w-full" style="margin-top: 20px"><span
              style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Does
              this patient have any TMJ issues?：</span>
            <div class="false w-full" style="margin-top: 0px">
              <div><span style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">No</span>
              </div>
            </div>
          </div>
        </div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid"></div>
        <div style="break-inside: avoid">
          <div class="flex flex-col  w-full" style="margin-top: 20px"><span
              style="font-size: 18px; line-height: 34px; font-weight: 400; letter-spacing: .75px; color: #4e4b66">Whether
              to use EA Intelligent clear aligner system or not：</span>
            <div class="false w-full" style="margin-top: 0px">
              <div><span style="font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: .75px">No</span>
              </div>
            </div>
          </div>
        </div>
        <div style="break-inside: avoid"></div>
      </div>
    </div>
  </div>
</body>

</html>